<?php $this->load->view('home/layout/header') ?>
<div class="widthMax award loteryUser">
	<header data-am-widget="header"  class="am-header">
	    <div class="am-header-left am-header-nav">
	        <a href="javascript:history.go(-1);" class="">
	            <i class="iconfont icon-zuojiantou"></i>
	        </a>
	    </div>
	    <h1 class="am-header-title">
	        <a href="#" class="">总中奖人数</a>
	    </h1>
	</header>
	<div class="head">
		<!-- <label class="label">今日<br/>抽奖人数<span class="caret"></span></label> -->
		<div class="head-cont">
			<i class="iconfont">&#xe665;</i>
			<div>
				<p>总中奖人数</p>
				<p class="num">1564894</p>
			</div>
		</div>
		<!-- <a href="#" class="link">总抽奖人数<i class="iconfont icon-youjiantou"></i></a> -->
	</div>
	<ul class="navlink am-cf">
			<li class="am-dropdown" data-am-dropdown>
				<a href="#" class="am-link am-dropdown-toggle" data-am-dropdown-toggle>全部<span class="caret"></span></a>
			</li>
			<li class="am-dropdown" data-am-dropdown>
				<a href="#" class="am-link am-dropdown-toggle" data-am-dropdown-toggle>奖品类型<span class="caret"></span></a>
				<ul class="am-dropdown-content">
				    <li><a href="#">全部</a></li>
				    <li class="am-active"><a href="#">全部</a></li>
				    <li><a href="#">全部</a></li>
				    <li><a href="#">全部</a></li>
				</ul>
			</li>
			<li class="am-dropdown am-time">
				<a href="#" class="am-link">中奖时间<span class="caret caret-top"></span><span class="caret"></span></a>
			</li>
			<li class="am-dropdown" data-am-dropdown>
				<a href="#" class="am-link am-dropdown-toggle" data-am-dropdown-toggle>奖项<span class="caret"></span></a>
			</li>
	</ul>
	<form class="search-form">
        <div class="search-input">
            <input type="text" value="" placeholder="请输入中奖者关键词">
            <i class="iconfont searchBtn">&#xe668;</i>
        </div>
    </form>
    <!-- 暂无中奖信息 -->
        <div class="no-award-item">
            <img src="/skins/home/images/noitem.png" />
            <p>暂无中奖信息</p>
        </div>
    <!-- 列表 -->
    <div class="award-list">
    	<ul>
    		<li class="first already-award">
    			<div class="li-header">
    				<div class="li-tit">
    					<i class="iconfont">&#xe66b;</i>
    					<span>一等奖</span>
    				</div>
    				<div class="li-right">
    					<span>用户名：13632664941</span>
    				</div>
    			</div>
    			<div class="li-cont">
    				<div class="li-info">
	    				<img src="/skins/home/images/you.png" />
						<div class="li-detail">
							<p>苹果Iphone6s 价值5000元</p>
							<p class="li-detail-bottom">中奖时间：2016-06-13  11:02:00</p>
						</div>
					</div>
					<div class="li-state">已领奖</div>
    			</div>
    		</li>
    		<li class="two stay-award">
    			<div class="li-header">
    				<div class="li-tit">
    					<i class="iconfont">&#xe66b;</i>
    					<span>二等奖</span>
    				</div>
    				<div class="li-right">
    					<span>用户名：13632664941</span>
    				</div>
    			</div>
    			<div class="li-cont">
    				<div class="li-info">
	    				<img src="/skins/home/images/you.png" />
						<div class="li-detail">
							<p>苹果Iphone6s 价值5000元</p>
							<p class="li-detail-bottom">中奖时间：2016-06-13  11:02:00</p>
						</div>
					</div>
					<div class="li-state">待领奖</div>
    			</div>
    		</li>
    		<li class="three for-award">
    			<div class="li-header">
    				<div class="li-tit">
    					<i class="iconfont">&#xe66b;</i>
    					<span>三等奖</span>
    				</div>
    				<div class="li-right">
    					<span>用户名：13632664941</span>
    				</div>
    			</div>
    			<div class="li-cont">
    				<div class="li-info">
	    				<img src="/skins/home/images/you.png" />
						<div class="li-detail">
							<p>苹果Iphone6s 价值5000元</p>
							<p class="li-detail-bottom">中奖时间：2016-06-13  11:02:00</p>
						</div>
					</div>
					<div class="li-state">待发奖</div>
    			</div>
    		</li>
    		<li class="four stay-award">
    			<div class="li-header">
    				<div class="li-tit">
    					<i class="iconfont">&#xe66b;</i>
    					<span>四等奖</span>
    				</div>
    				<div class="li-right">
    					<span>用户名：13632664941</span>
    				</div>
    			</div>
    			<div class="li-cont">
    				<div class="li-info">
	    				<img src="/skins/home/images/you.png" />
						<div class="li-detail">
							<p>苹果Iphone6s 价值5000元</p>
							<p class="li-detail-bottom">中奖时间：2016-06-13  11:02:00</p>
						</div>
					</div>
					<div class="li-state">待领奖</div>
    			</div>
    		</li>
    		<li class="five stay-award">
    			<div class="li-header">
    				<div class="li-tit">
    					<i class="iconfont">&#xe66b;</i>
    					<span>五等奖</span>
    				</div>
    				<div class="li-right">
    					<span>用户名：13632664941</span>
    				</div>
    			</div>
    			<div class="li-cont">
    				<div class="li-info">
	    				<img src="/skins/home/images/you.png" />
						<div class="li-detail">
							<p>苹果Iphone6s 价值5000元</p>
							<p class="li-detail-bottom">中奖时间：2016-06-13  11:02:00</p>
						</div>
					</div>
					<div class="li-state">待领奖</div>
    			</div>
    		</li>
    		<li class="six no-award">
    			<div class="li-header">
    				<div class="li-tit">
    					<i class="iconfont">&#xe66b;</i>
    					<span>六等奖</span>
    				</div>
    				<div class="li-right">
    					<span>用户名：13632664941</span>
    				</div>
    			</div>
    			<div class="li-cont">
    				<div class="li-info">
	    				<img src="/skins/home/images/you.png" />
						<div class="li-detail">
							<p>苹果Iphone6s 价值5000元</p>
							<p class="li-detail-bottom">中奖时间：2016-06-13  11:02:00</p>
						</div>
					</div>
					<div class="li-state">未发奖</div>
    			</div>
    		</li>
    	</ul>
        <div class="search-more-show  am-scrollspy-init am-scrollspy-inview am-animation-fade" id="my-scrollspy">
            <i class="iconfont am-animation-spin">&#xe669;</i>
        </div>
        <div class="search-more-no">
            没有更多显示了
        </div>
    </div>
</div>

<script type="text/javascript">
$(function(){
	// 滚动监听
        $('#my-scrollspy').scrollspy({
             animation: 'fade',
             delay: 500
         });
         $('#my-scrollspy').on('inview.scrollspy.amui', function() {
             alert("加载下一页,如果没有下一页了,$('#my-scrollspy').addClass('am-hide').siblings('.search-more-no').removeClass('am-hide');");
         })
})
</script>
<?php $this->load->view('home/layout/tip'); ?>
<?php $this->load->view('home/layout/footer'); ?>   